<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="../css/personal-information.css"/>
</head>
<body>
<div class="header">
    <div class="header-content">
        <div class="header-content-left">
            您好，欢迎光临萌萌鲜花商城！ <span>[登录]</span> <span>[免费注册]</span>
        </div>
        <div>
            <img src="../img/phone.png" alt="phone"/> 010-890897
            <span>我的账户</span>
            <span>我的订单</span>
            <span>我的购物车</span>
            <span>收藏本站</span>
            <span>客服中心</span>
            <span>帮助中心</span>
        </div>
    </div>
</div>
<div class="top">
    <div class="top-function">
        <div><img src="../img/logo.png" alt="logo"/></div>
        <div class="top-center">
            <div class="function-search">
                <a href="#">商品</a>
                <input type="text" placeholder="查找您需要的商品"/>
                <a href="#">搜索 <img src="../img/search.png" alt=""/></a>
            </div>
            <div class="function-shopping">
                <img src="../img/shopping-cart.png" alt=""/> 我的购物车 <img src="../img/daosanjiao.png" alt=""/>
            </div>
            <div class="hot-search">
                热门搜索： <span>鲜花配送</span> <span>鲜花包月</span> <span>爱情鲜花</span> <span>一夜情</span> <span>送好友闺蜜</span>
            </div>
        </div>
        <div class="qr-code">
            <img src="../img/qr-code.png" alt="qr-code"/>
        </div>
    </div>
    <div class="top-nav">
        <div>所有商品分类</div>
        <div>
            <ul>
                <li>首页</li>
                <li>全部鲜花</li>
                <li>爱情鲜花</li>
                <li class="nav-active">生气鲜花</li>
            </ul>
        </div>
    </div>
</div>
<div class="main-box">
    <div class="main-left">
        <div class="left-title">
            我的交易
        </div>
        <div class="person-list">
            <ul>
                <li><img src="../img/person/jian.png" alt=""/> 我的订单
                    <ul>
                        <li data=".peson-imformation">已买到的宝贝</li>
                        <li>我的购物车</li>
                    </ul>
                </li>
                <li><img src="../img/person/jian.png" alt=""/> 我的关注
                    <ul>
                        <li data=".my-follow">关注的商品</li>
                        <li class="after-new">关注的活动</li>
                        <li>浏览历史</li>
                    </ul>
                </li>
                <li><img src="../img/person/jian.png" alt=""/> 客户服务
                    <ul>
                        <li data=".goods-address">收货地址</li>
                        <li data=".my-dingdan">订单记录</li>
                        <li>优惠信息</li>
                    </ul>
                </li>
                <li><img src="../img/person/jian.png" alt=""/> 账户安全
                    <ul>
                        <li data=".person-data">个人资料</li>
                        <li data=".look-for-pass">找回密码</li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <div class="main-right">
        <div class="peson-imformation main-hidden">
            <div class="imformation-title">
                <div>
                    <img src="../img/person/headimg.png"/>
                </div>
                <div class="user-huiyuan">
                    <div>阿海设计</div>
                    <div>哈尼，喝杯下午茶，精神精神</div>
                    <div><img src="../img/person/huiyuan.png"/><span>金牌会员</span></div>
                    <div>账户安全 <span></span></div>
                </div>
                <div class="after-list">
                    <div><span>1</span> <br/>待付款</div>
                    <div><span>0</span> <br/>待收货</div>
                    <div><span>2</span> <br/>待评价</div>
                </div>
            </div>
            <div class="dingdan-list">
                <div class="dingdan-title">
                    我的订单 <span>待付款 <span>0</span> 待收货 <span>1</span> 待评价 <span>2</span></span>
                </div>
                <div class="dingdan-table">
                    <table>
                        <tr>
                            <th>订单类型/订单号</th>
                            <th>收货人</th>
                            <th>订单金额（元）</th>
                            <th>订购时间</th>
                            <th>状态</th>
                            <th>操作</th>
                        </tr>
                        <tbody>
                        <tr>
                            <td>
                                <div>订单编号：<span>2015122500002</span></div>
                                <div class="dingdan-img">
                                    <img src="../img/index/img.png" alt=""/>
                                    <img src="../img/index/img.png" alt=""/>
                                    <img src="../img/index/img.png" alt=""/>
                                    <img src="../img/index/img.png" alt=""/>
                                </div>
                            </td>
                            <td>阿海工作室</td>
                            <td>￥7188</td>
                            <td>2016-12-25</td>
                            <td>待付款</td>
                            <td class="dingdan-function"><span>查看</span>/<span>删除</span>/<span>取消订单</span></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="follow-more">
                <div class="follow-title">
                    <span>我关注的商品</span>
                    <span>查看更多</span>
                </div>
                <div class="follow-product">
                    <div class="follow-lunbo">
                        <div class="follow-item">
                            <img src="../img/index/img.png"/>
                            <div><img src="../img/person/shang.png" alt=""/><span>红玫瑰花束百合鲜花速递</span></div>
                            <div class="item-btn">
                                <span>促</span>
                                <span>￥9.9</span>
                                <span>￥12.90</span>
                                <button>立即购买</button>
                            </div>
                        </div>
                        <div class="follow-item">
                            <img src="../img/index/img.png"/>
                            <div><img src="../img/person/shang.png" alt=""/><span>红玫瑰花束百合鲜花速递</span></div>
                            <div class="item-btn">
                                <span>促</span>
                                <span>￥9.9</span>
                                <span>￥12.90</span>
                                <button>立即购买</button>
                            </div>
                        </div>
                        <div class="follow-item">
                            <img src="../img/index/img.png"/>
                            <div><img src="../img/person/shang.png" alt=""/><span>红玫瑰花束百合鲜花速递</span></div>
                            <div class="item-btn">
                                <span>促</span>
                                <span>￥9.9</span>
                                <span>￥12.90</span>
                                <button>立即购买</button>
                            </div>
                        </div>
                        <div class="follow-item">
                            <img src="../img/index/img.png"/>
                            <div><img src="../img/person/shang.png" alt=""/><span>红玫瑰花束百合鲜花速递</span></div>
                            <div class="item-btn">
                                <span>促</span>
                                <span>￥9.9</span>
                                <span>￥12.90</span>
                                <button>立即购买</button>
                            </div>
                        </div>
                        <div class="follow-item">
                            <img src="../img/index/img.png"/>
                            <div><img src="../img/person/shang.png" alt=""/><span>红玫瑰花束百合鲜花速递</span></div>
                            <div class="item-btn">
                                <span>促</span>
                                <span>￥9.9</span>
                                <span>￥12.90</span>
                                <button>立即购买</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="person-data main-hidden">
            <div class="data-title">
                个人资料
            </div>
            <div class="imformation-title">
                <div>
                    <img src="../img/person/headimg.png"/>
                </div>
                <div class="user-huiyuan">
                    <div>阿海设计</div>
                    <div>哈尼，喝杯下午茶，精神精神</div>
                    <div><img src="../img/person/huiyuan.png"/><span>金牌会员</span></div>
                    <div>账户安全 <span></span></div>
                </div>
                <div class="after-list">
                    <div><span>1</span> <br/>待付款</div>
                    <div><span>0</span> <br/>待收货</div>
                    <div><span>2</span> <br/>待评价</div>
                </div>
            </div>
            <hr/>
            <div class="base-information">
                <div class="base-title">
                    基本信息
                </div>
                <div class="base-form">
                    <form>
                        <div class="base-img">
                            <div>95*94</div>
                            <div>
                                <div>效果预览</div>
                                <div>你上传的图片会自动生成2中尺寸，请注意小尺寸的头像是否清晰</div>
                                <div><input type="text"/><button>浏览</button></div>
                            </div>
                        </div>
                        <div class="base-left">
                            <div>*昵称：<input type="text"/></div>
                            <div>*性别：<input type="radio" name="sex" id="boy"/><label for="boy">男</label> <input type="radio" name="sex" id="girl"/><label for="girl">女</label> <input type="radio" name="sex" id="secret"/><label for="secret">保密</label></div>
                            <div>生日：<select name="year1"></select>年 <select name="month1"></select>月<select name="day1"></select>日<span>填生日有惊喜哦~</span></div>
                            <div>*姓名：<input type="text"/></div>
                            <div>*手机：<input type="text"/><span>修改</span> <span>已验证</span></div>
                            <div>地址：<select id="s_province" name="s_province"></select><select id="s_city" name="s_city"></select><select id="s_county" name="s_county"></select></div>
                            <div><textarea></textarea></div>
                            <div><button>提交</button></div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="look-for-pass main-hidden">
            <div class="pass-title">
                修改密码
            </div>
            <div class="pass-box">
                <form>
                    <div>*原密码：<input type="text"/></div>
                    <div>*新密码：<input type="text"/></div>
                    <div>*确认新密码：<input type="text"/></div>
                    <div><button>提交</button></div>
                </form>
            </div>
        </div>
        <div class="my-dingdan main-hidden">
            <div class="my-title">
                我的订单 <span>待付款 <span>0</span> 待收货 <span>1</span> 待评价 <span>2</span></span>
            </div>
            <div class="my-list">
                <div class="dingdan-table">
                    <table>
                        <tr>
                            <th>订单类型/订单号</th>
                            <th>收货人</th>
                            <th>订单金额（元）</th>
                            <th>订购时间</th>
                            <th>状态</th>
                            <th>操作</th>
                        </tr>
                        <tbody>
                        <tr>
                            <td>
                                <div>订单编号：<span>2015122500002</span></div>
                                <div class="dingdan-img">
                                    <img src="../img/index/img.png" alt=""/>
                                    <img src="../img/index/img.png" alt=""/>
                                    <img src="../img/index/img.png" alt=""/>
                                </div>
                            </td>
                            <td>阿海工作室</td>
                            <td>￥7188</td>
                            <td>2016-12-25</td>
                            <td>待付款</td>
                            <td class="dingdan-function"><span>查看</span>/<span>删除</span>/<span>取消订单</span></td>
                        </tr>
                        <tr>
                            <td>
                                <div>订单编号：<span>2015122500002</span></div>
                                <div class="dingdan-img">
                                    <img src="../img/index/img.png" alt=""/>
                                    <img src="../img/index/img.png" alt=""/>
                                    <img src="../img/index/img.png" alt=""/>
                                </div>
                            </td>
                            <td>阿海工作室</td>
                            <td>￥7188</td>
                            <td>2016-12-25</td>
                            <td>待付款</td>
                            <td class="dingdan-function"><span>查看</span>/<span>删除</span>/<span>取消订单</span></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="page-select">
                <span>《 上一页</span><span class="now-page">1</span><span>2</span><span>3</span><span>下一页 》</span>
            </div>
        </div>
        <div class="my-follow main-hidden">
            <div class="my-title">
                我关注的商品
            </div>
            <div class="follow-list">
                <div class="follow-item">
                    <img src="../img/index/img.png"/>
                    <div><img src="../img/person/shang.png" alt=""/><span>红玫瑰花束百合鲜花速递</span></div>
                    <div class="item-btn">
                        <span>促</span>
                        <span>￥9.9</span>
                        <span>￥12.90</span>
                        <button>立即购买</button>
                    </div>
                </div>
                <div class="follow-item">
                    <img src="../img/index/img.png"/>
                    <div><img src="../img/person/shang.png" alt=""/><span>红玫瑰花束百合鲜花速递</span></div>
                    <div class="item-btn">
                        <span>促</span>
                        <span>￥9.9</span>
                        <span>￥12.90</span>
                        <button>立即购买</button>
                    </div>
                </div>
                <div class="follow-item">
                    <img src="../img/index/img.png"/>
                    <div><img src="../img/person/shang.png" alt=""/><span>红玫瑰花束百合鲜花速递</span></div>
                    <div class="item-btn">
                        <span>促</span>
                        <span>￥9.9</span>
                        <span>￥12.90</span>
                        <button>立即购买</button>
                    </div>
                </div>
                <div class="follow-item">
                    <img src="../img/index/img.png"/>
                    <div><img src="../img/person/shang.png" alt=""/><span>红玫瑰花束百合鲜花速递</span></div>
                    <div class="item-btn">
                        <span>促</span>
                        <span>￥9.9</span>
                        <span>￥12.90</span>
                        <button>立即购买</button>
                    </div>
                </div>
                <div class="follow-item">
                    <img src="../img/index/img.png"/>
                    <div><img src="../img/person/shang.png" alt=""/><span>红玫瑰花束百合鲜花速递</span></div>
                    <div class="item-btn">
                        <span>促</span>
                        <span>￥9.9</span>
                        <span>￥12.90</span>
                        <button>立即购买</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="goods-address">
            <div class="address-title">
                收货地址
            </div>
            <div class="address-form">
                <table>
                    <thead>
                    <tr>
                        <td colspan="5"><img src="../img/person/news.png" alt=""/>常用收货地址</td>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="address-body">
                        <td>收货联系人：<span>王小威</span></td>
                        <td>联系电话：15475415155</td>
                        <td>收货地址：北京市海淀区中科大厦12号A座601室</td>
                        <td>邮编：6100061</td>
                        <td><span>添加</span><span>删除</span></td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="address-data">
                <div>基本信息</div>
                <form>
                    <div>*收货人名称：<input type="text"/></div>
                    <div>*性别：<input type="radio" name="sex2"/>男 <input type="radio" name="sex2"/> 女 <input type="radio" name="sex2"/> 保密</div>
                    <div>收货人联系人手机：<input type="text"/> <span>修改</span> <span>已验证</span></div>
                    <div>收货人联系人地址：<select id="s_province" name="s_province"></select><select id="s_city" name="s_city"></select><select id="s_county" name="county"></select></div>
                    <div><textarea></textarea></div>
                    <div>收货人联系人邮编：<input type="text"/></div>
                    <div><button>提交</button></div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="footer-top">
        <div class="footer-img">
            <div><img src="../img/footer-1.png" alt=""/> <br/>退赔承诺</div>
            <div><img src="../img/footer-2.png" alt=""/> <br/>免费送货</div>
            <div><img src="../img/footer-3.png" alt=""/> <br/>正品保证</div>
        </div>
        <hr/>
        <div class="footer-text">
            <div>
                <ul>
                    <li>新手入门</li>
                    <li>公司介绍</li>
                    <li>关于我们</li>
                    <li>购物流程</li>
                    <li>交易付款</li>
                </ul>
            </div>
            <div>
                <ul>
                    <li>配送方式</li>
                    <li>厂家商家通知</li>
                    <li>接货须知</li>
                    <li>运费通知</li>
                </ul>
            </div>
            <div>
                <ul>
                    <li>支付方式</li>
                    <li>支付宝</li>
                    <li>财付宝</li>
                    <li>银行转账</li>
                </ul>
            </div>
            <div>
                <ul>
                    <li>售后服务</li>
                    <li>退换货政策</li>
                    <li>退换货流程</li>
                    <li>退款申请</li>
                    <li>退款方式</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="bottom-banquan">
        copyright@2016 鲜花商务有限公司 版权所有
    </div>
    <div class="bottom-banquan">
        网络备案/许可证号：ICP备14001893
    </div>
    <div class="bottom-banquan">
        <img src="../img/bottom-1.png" alt=""/>
        <img src="../img/bottom-2.png" alt=""/>
        <img src="../img/bottom-3.png" alt=""/>
    </div>
</div>
<div class="right-box">
    <div><img src="../img/right-box/huiyuan.png" /></div>
    <div class="shop-cart">
        <img src="../img/right-box/shop-cart.png" />
        购<br/>物<br/>车<br/>
        <span>0</span>
    </div>
    <div><img src="../img/right-box/heart.png" alt=""/></div>
    <div><img src="../img/right-box/monney.png" alt=""/></div>
    <div><img src="../img/right-box/kefu.png" alt=""/></div>
    <div><img src="../img/right-box/phone.png" alt=""/></div>
    <div><img src="../img/right-box/weixin.png" alt=""/></div>
</div>
</body>
<script src="../js/jquery-1.10.1.js"></script>
<script src="../js/YMDClass.mini.js"></script>
<script src="../js/area.js"></script>
<script src="../js/personal-information.js"></script>
</html>